﻿
.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
}
.sf-menu {
	line-height:1.0;
}
.sf-menu ul {
	position:absolute;
	top:-999em;
	width:13em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:100%;
}
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:left;
	position:relative;
}
.sf-menu a {
	display:block;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left:0;
	top:2.4em;
*top:2.2em; /* ie6,7 bug */
	z-index:99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left:15em; /* match ul width */
	top:0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left:15em; /* match ul width */
	top:0;
}
/*** DEMO SKIN ***/
.sf-menu a {
	border-left:1px solid #fff;
	border-top:1px solid #CFDEFF;
	padding:.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited {
	color:#13a;
}
.sf-menu li {
	background:#BDD2FF;
}
.sf-menu li li {
	background:#AABDE6;
}
.sf-menu li li li {
	background:#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:#CFDEFF;
	outline:0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right:1.8em;/*min-width:1px;*/
}
.sf-sub-indicator {
	position:absolute;
	display:block;
	right:.75em;
	top:1.05em; /* IE6 only */
	width:10px;
	height:10px;
	text-indent:-999em;
	overflow:hidden;
	background:url('../img/superfish-arrows.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {
	top:.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position:  -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
	background-position:  0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:url('../img/superfish-shadow.png') no-repeat bottom right;
	padding:0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
	background:transparent;
}
/*** 垂直 adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
	left:	10em; /* match ul width */
	top:	0;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
	background-position: -10px 0;
} /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {
	background-position: 0 0;
} /* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}




.nav ul{width:100%;height:45px;margin:0 auto;z-index:99}
.nav li{list-style:none;width:110px;height:45px;float:left;position:relative;z-index:99}
.nav li .a{display:block;height:45px;line-height:45px;color:#047aba;text-align:center;text-decoration:none;font-family:"微软雅黑";font-size:14px;z-index:99}

.nav a:link, .nav a:visited { color: #fff;  }
.nav a:active, .nav a:hover { color: #fff; }
.nav a:hover, .nav a.act { display: block; color: #fff; }
.nav li:hover {  color:#047aba; }

.xmzs0{width:1100px;height:auto;background:url(../images/lu1.png) repeat-x top center ;display:none;position:absolute;left:-500px;top:45px;padding:20px;z-index:99}
.xmzs0 .cpmain{ margin:0 auto; padding:0; width:100%; height:auto;z-index:99}

.xmzs0 .cp{ margin:0 auto; padding:0; width:150px; height:auto; float:left; padding:5px;z-index:99}
.xmzs0 .cp .cp1{ margin:0 auto; padding:0; width:135px; height:auto; float:left;}
.xmzs0 .cp .cp2{ margin:0 auto; padding:0; width:135px; height:31px; float:left; display: block; border-bottom:1px solid #fff;font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#047aba; text-align:left; text-decoration:none; line-height:30px;}
.xmzs0 .cp .cp2 a{ font-family:"微软雅黑","宋体",Arial; font-size:14px;color:#fff; text-align:left; }
.xmzs0 .cp .cp2 a:hover{ color:#fff; text-align:left; text-decoration: underline; }
.xmzs0 .cp .cp3{ margin:0 auto; padding:0; width:135px; height:auto; float:left; padding-bottom:12px; padding-top:12px;}
.xmzs0 .cp .cp3 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;}
.xmzs0 .cp .cp3 ul li{ margin:0; padding:0; width:100%; display:block;float:left;height:auto; height:auto; background:#047aba; color:#fff;font-family:"微软雅黑","宋体"; font-size:12px;  text-align:left; text-decoration:none; line-height:25px; font-weight: normal;}
.xmzs0 .cp .cp3 ul li a{ margin:0; padding:0; width:100%; display:block; border-bottom:1px dashed #b3b3b3; height:auto; background:#047aba; color:#fff;font-family:"微软雅黑","宋体"; font-size:12px;  text-align:left; text-decoration:none; line-height:25px; font-weight: normal;}
.xmzs0 .cp .cp3 ul li a:hover{ color:#ffcc00;  }

.xmzs01{width:166px;height:auto;background: url(../images/lu.png) no-repeat top center;display:none;position:absolute;left:-30px;top:45px;padding:30px 20px 20px 20px;z-index:99}
.xm1 h3{font-size:14px;font-family:"微软雅黑";color:#FFF;line-height:36px;z-index:99}
.xm1 span{font-size:12px;font-family:"微软雅黑";color:#FFF;z-index:99}
.xm1{float:left;display:inline;z-index:99}

.xmzs01 .mm1{ width:100%; height:auto; margin:0; padding:0;}
.xmzs01 .mm2{ width:100%; height:auto; margin:0; padding:0;background:#047aba; }
.xmzs01 .mm2 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;}
.xmzs01 .mm2 ul li{ margin:0; padding:0; width:100%; display:block;float:left;height:auto;}
.xmzs01 .mm2 ul li a{ margin:0; padding:0; width:100%; display:block; border-bottom:1px solid #b3b3b3; height:30px;background:#047aba; color:#fff;font-family:"微软雅黑","宋体"; font-size:12px;  text-align:center; text-decoration:none; line-height:30px; font-weight: normal;}
.xmzs01 .mm2 ul li a:hover{ color:#fff; border-bottom:1px solid #b3b3b3; background:#48840B;  }


/* ============================= 鍝嶅簲寮� CSS ============================= */
.desktops-section {
	display:block;
}
.mobile-section {
	display:none;
}
.touch-top-wrapper {
	padding:10px 15px;
	background-color:#2a2d37;
	color:#fff;
}
.touch-logo {
	float:left;
}
.touch-navigation {
	display:none;
}
.touch-toggle-wrapper {
	margin:0 -10px;
}
.touch-toggle11 {
	position:absolute;
	right:10px;
	top:0; color:#fff; line-height:60px;;
}
.touch-toggle11 a{width:40px; color:#fff; line-height:60px; ;
}


.touch-toggle {
	position:absolute;
	right:60px;
	top:0;
}
.touch-toggle li {
	float:left;
	height:70px;
	padding:0 12px;
	text-align:center;
}
.touch-toggle li a {
	height:70px;
}
.touch-toggle li:hover, .touch-toggle li:active {
}
.touch-toggle .touch-toggle-item-first {
	border-left:none;
}
.touch-toggle .touch-toggle-item-last {
	border-right:none;
}
.touch-toggle li a {
	display:block;
	font-size:12px;
}
.touch-toggle li i {
	display:inline-block;
	width:32px;
	height:32px;
	overflow:hidden;
	margin-top:20px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
.touch-toggle .touch-icon-language {
	background-image:url(../images/touch-icon-language.png);
}
.touch-toggle .touch-icon-user {
	background-image:url(../images/touch-icon-user.png);
}
.touch-toggle .touch-icon-search {
	background-image:url(../images/touch-icon-search.png);
}
.touch-toggle .touch-icon-menu {
	background-image:url(../images/touch-icon-menu.png);
}
.touch-toggle li span {
	display:none;
	text-align:center;
}
.drawer-section {
	background-color:#272a33;
	padding:20px 20px 35px;
	display:none;
}
.touch-language li {
	width:49.9%;
	float:left;
}
.touch-language li a {
	display:block;
	margin-bottom:10px;
	padding:5px 0 5px 5px;
	color:#fff;
}
.touch-language li a:hover, .touch-language li a:active {
	background-color:#21232b;
}
.touch-search {
	border:1px solid #3a3f4d;
	position:relative;
}
.touch-search-form {
	padding:0 50px 0 10px;
}
.touch-form-text {
	border:none;
	margin:0;
	background-color:transparent;
	padding:0;
	color:#999;
	width:100%;
	height:42px;
	line-height:42px;
}
.touch-form-btn {
	border:none;
	padding:0;
	margin:0;
	background-color:transparent;
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:42px;
	height:42px;
	overflow:hidden;
	cursor:pointer;
	background:url(../images/touch-icon-search.png) no-repeat center;
	background-size:16px 16px;
}
.touch-form-btn span {
	display:none;
}
.drawer-section-menu .menu-main-container ul li {
	border-bottom:1px solid #3a3f4d;
	position:relative;
}
.drawer-section-menu .menu-main-container ul li a {
	color:#fff;
	display:block;
	font-size:18px;
	height:48px;
	line-height:48px;
	padding-left:10px;
}
.drawer-section-menu .menu-main-container ul li a:hover, .menu-main-container ul li a:active {
	background-color:#21232b;
}
.drawer-section-menu .menu-main-container ul li i {
	position:absolute;
	top:19px;
	right:5px;
	display:block;
	width:13px;
	height:13px;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.drawer-section-menu .menu-main-container ul li i.touch-arrow-right {
	display:none;
	background-image:url(../images/touch-arrow-r.png);
}
.drawer-section-menu .menu-main-container ul li i.touch-arrow-down {
	background-image:url(../images/touch-arrow-d.png);
}
.drawer-section-menu .menu-main-container ul li i.touch-arrow-up {
	background-image:url(../images/touch-arrow-u.png);
}
.drawer-section-menu .menu-main-container ul ul {
	display:none;
	margin:0;
	padding:0 10px 30px 30px;
}
.drawer-section-menu .menu-main-container ul ul li {
	border-bottom:none;
	margin:0;
	padding:0;
}
.drawer-section-menu .menu-main-container ul ul li a {
	padding:0;
	padding-left:5px;
	font-size:16px;
	height:38px;
	line-height:38px;
}
.drawer-section-menu .menu-main-container ul ul li i {
	top:13px;
}






/* ======鍋氭渶濂界殑缁囨ⅵ鏁寸珯妯℃澘涓嬭浇缃戠珯  ====== */
/* ============================= 鍝嶅簲寮� CSS ============================= */
.touch-toggle {
	position:absolute;
	right:10px;
	top:0;
}
.touch-toggle li {
	float:left;
	height:70px;
	padding:0 12px;
	text-align:center;
}
 @media screen and (max-width:991px) {
html {	-webkit-text-size-adjust:none;}

.module-default, .module {	margin-bottom:20px;}
.module-no-margin {	margin-bottom:5px;}
.module-full-screen {	margin:0 -10px;	padding:0 10px;}
.module-full-screen > .module-inner {	padding:30px 0;}
.module-full-screen-more-fixed > .module-inner {	padding:30px 0 50px;}
.module-full-screen-more-fixed .module-full-screen-more {	margin-top:15px;	margin-left:-40px;}
.module-full-screen-more-fixed .module-full-screen-more a {
	width:80px;
	height:80px;
	line-height:80px;
	font-size:14px;
	background-size:cover;
}
.module-full-screen-more-fixed .module-full-screen-more a:hover {
	background-position:0 -80px;
}
.fixed-bottom .module-default, .fixed-bottom .module, .fixed-bottom .module-no-margin {	margin-bottom:0;}
.default-top {	display:none;}
.touch-top {	display:block;}
.touch-top-wrapper .touch-logo {	margin:0;}
.touch-navigation {	display:block;}
.touch-top-wrapper .touch-logo {	margin:0 0;}
.touch-top-wrapper .touch-logo img {	height:50px;	display:block;}



}

 @media (min-width:768px) and (max-width:991px) {
/* slideshow */
html {	-webkit-text-size-adjust:none;}

.module-default, .module {	margin-bottom:20px;}
.module-no-margin {	margin-bottom:5px;}
.module-full-screen {	margin:0 -10px;	padding:0 10px;}
.module-full-screen > .module-inner {	padding:30px 0;}
.module-full-screen-more-fixed > .module-inner {	padding:30px 0 50px;}
.module-full-screen-more-fixed .module-full-screen-more {	margin-top:15px;	margin-left:-40px;}
.module-full-screen-more-fixed .module-full-screen-more a {
	width:80px;
	height:80px;
	line-height:80px;
	font-size:14px;
	background-size:cover;
}
.module-full-screen-more-fixed .module-full-screen-more a:hover {
	background-position:0 -80px;
}
.fixed-bottom .module-default, .fixed-bottom .module, .fixed-bottom .module-no-margin {	margin-bottom:0;}
.default-top {	display:none;}
.touch-top {	display:block;}
.touch-top-wrapper .touch-logo {	margin:0;}
.touch-navigation {	display:block;}
.touch-top-wrapper .touch-logo {	margin:0 0;}
.touch-top-wrapper .touch-logo img {	height:50px;	display:block;}

.module-divider-full {	margin-bottom:-20px;}
}
 @media screen and (max-width:767px) {
.desktops-section {	display:none;}
.mobile-section {	display:block;}

/* 瀹瑰櫒 */
	.module-full-screen-title {	margin-bottom:20px;}
.module-full-screen-title > .module-title-content > h2 {
	margin:0 15px;
	font-size:20px;
	font-weight:bold;
}
.module-full-screen-title > h3 {	display:none;}
.module-full-screen-title > .module-title-content > i {	width:80px;}
.module-full-screen-more a {	line-height:34px;}
.module-divider-full {	margin:20px 0 -20px;}

/* touch menu */
	.top-main-content {	display:none;}
.touch-top-wrapper .touch-logo img {	height:40px;}
.touch-toggle li {	height:60px;}
.touch-toggle li a {	height:60px;}
.touch-toggle li i {
	width:28px;
	height:28px;
	margin-top:15px;
}

}
 @media screen and (max-width:640px) {

/* 瀹瑰櫒 */
	.module-horizontal .module-title-horizontal {	float:none;	margin-right:0;}
.module-title-horizontal .module-title-content {	margin:0 0 10px 0;}
.module-horizontal > .modult-inner > .module-more-horizontal a {	margin-top:12px;}
.fixed-bottom {	display:block;}

}
 @media screen and (max-width:480px) {

/* touch-menu */
	.touch-top-wrapper .touch-logo img {	height:30px;}
.touch-toggle li {	height:50px;	padding:0 10px;}
.touch-toggle li a {	height:50px;}
.touch-toggle li i {
	width:20px;
	height:20px;
	margin-top:15px;
}
/* 瀹瑰櫒 */	.module-full-screen-title > .module-title-content > i {	width:40px;}
.module-horizontal .module-title-horizontal {	float:none;	margin-right:0;}
.module-title-horizontal .module-title-content {	margin:0 0 10px 0;}
.module-horizontal > .modult-inner > .module-more-horizontal {	margin:6px 0 0;}

.new_l .news dt{float:left;padding: 3px;border: 1px solid #e9e9e9; width:95%; float:left; margin:0 2% 0 2%; }
.new_l .news dd{ width:96%; float:left; margin:0 2% 0 2%;}
	 .product-list li { margin:0 auto; padding:0; width:96%; margin:2%; float:left;
	text-align:center;
}
.ixpro li {
    width: 100%;
    float: left;
}
#conzhenshu31{ margin:0 auto; padding:0; width:95%; height:auto; margin:2%; float:left; border:1px solid #f3f3f3;}


}
